<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 shrink-to-fit=no">
    <title>Gallery - Rocky's personal website</title>
    <link rel="stylesheet" href="../style/main.css">

    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../style/navbar-fixed-left.css">
    <link rel="stylesheet" href="../style/gallery.css">
    <link rel="stylesheet" href="../style/common.css">
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7664629045569792"
        crossorigin="anonymous"></script>
</head>

<body class="text-center body" id="page-top">
    <nav class="navbar navbar-expand-lg navbar-dark fixed-left" id="sideNav hw_nav" role="banner"
        style="background-color: #1E88E5">
        <a class="navbar-brand js-scroll-trigger">
            <span class="d-block d-lg-none margin-banner">Welcome to Rocky's website!</span>
            <span class="d-none d-lg-block">
                <!-- <p id="xmas_greet" class="xmas_greet">&nbsp;</p> -->
                <img class="img-fluid img-profile mx-auto mb-2 rocky_scale" onmousemove="hi()" onmouseout="hi_()"
                    src="../xmas/snowman_rocky_tp.webp" id="xmas_easter" />
                <figcaption class="p1-1d" id="fc"><em>Artwork by 糖悠悠</em></figcaption>
            </span>
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
            aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span
                class="navbar-toggler-icon"></span></button>
        <div class="collapse navbar-collapse special" id="navbarResponsive">
            <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
                <li class="nav-item"><a class="nav-link " href="index.html">Home</a></li>
                <li class="nav-item"><a class="nav-link " href="about.html">About me</a></li>
                <li class="nav-item"><a class="nav-link " href="story.html">Story</a></li>
                <li class="nav-item"><a class="nav-link " href="#">Gallery</a></li>
                <li class="nav-item"><a class="nav-link " href="playground.html">Playground</a></li>
            </ul>
            <ul class="navbar-nav mr-auto mt-auto">
                <li class="nav-item"><a class="nav-link" href="../lang_new.html"><img src="../icons/lang_switch.svg"
                            class="lang_switch"> Language: English</a></li>
                <li class="nav-item sn"><a class="nav-link" href="https://twitter.com/kirbysfan2"><img
                            src="../icons/Twitter.svg" class="twitter"></a><a
                        href="https://www.instagram.com/kirbysfan2/"><img src="../../icons/Instagram.svg" alt=""></a>
                </li>
            </ul>
        </div>
    </nav>
    <div class="container-fluid p-0 correct">
        <div class="content">
            <button type="button" class="btn top btn-floating btn-lg" id="btn-back-to-top">
                <i class="fas fa-arrow-up">▲</i>
            </button>
            <div class="new_header">
                <p class="g_head" id="hw_cont"><img src="../icons/hoshi_w.svg"
                        class="hoshi_title"><strong>Gallery</strong><img src="../icons/hoshi_w.svg" class="hoshi_title">
                </p>
                <p class="gallery_subhead" id="hw_cont">Here records those of my memories in the Yah Den Mainland!</p>
                <hr class="h_line" />
            </div>
            <div class="gallery">
                <div class="post" id="hw_sect_sf">
                    <div class="hoshi">
                        <img src="../icons/hoshi_w.svg" class="g_hoshi">
                    </div>
                    <div class="g_info">
                        <h5 class="g_title"><a href="gallery/sf2023.html" class="g_title">Rocky is here, wishing
                                everyone having a happy new year!</a></h5>
                        <p class="g_detail">Happy Year of Bunny!</p>
                        <div class="g_misc">
                            <p class="g_date">1/13/2023</p>
                            <div class="g_empty"></div>
                            <p class="g_artist">Artist: MeiReiko</p>
                        </div>
                    </div>
                </div>
                <div class="post" id="hw_sect">
                    <div class="hoshi">
                        <img src="../icons/hoshi_w.svg" class="g_hoshi">
                    </div>
                    <div class="g_info">
                        <h5 class="g_title"><a href="gallery/trans.html" class="g_title">Looks like... I'm OK as a girl
                                wwwww</a></h5>
                        <p class="g_detail">Actually... That's what I want</p>
                        <div class="g_misc">
                            <p class="g_date">1/10/2023</p>
                            <div class="g_empty"></div>
                            <p class="g_artist">Artist: Lovely无婉</p>
                        </div>
                    </div>
                </div>
                <div class="post" id="hw_sect_xmas">
                    <div class="hoshi">
                        <img src="../icons/hoshi_w.svg" class="g_hoshi">
                    </div>
                    <div class="g_info">
                        <h5 class="g_title"><a href="gallery/xmas_tree.html" class="g_title">Merry Christmas!!!</a>
                        </h5>
                        <p class="g_detail">&nbsp;</p>
                        <div class="g_misc">
                            <p class="g_date">12/16/2022</p>
                            <div class="g_empty"></div>
                            <p class="g_artist">Artist: 土星喵</p>
                        </div>
                    </div>
                </div>
                <div class="post" id="hw_sect_xmas">
                    <div class="hoshi">
                        <img src="../icons/hoshi_w.svg" class="g_hoshi">
                    </div>
                    <div class="g_info">
                        <h5 class="g_title"><a href="gallery/rocky_for_xmas.html" class="g_title">Rocky is getting ready
                                for
                                Christmas!</a></h5>
                        <p class="g_detail">I'd like to have fun with you all during this Christmas!</p>
                        <div class="g_misc">
                            <p class="g_date">12/14/2022</p>
                            <div class="g_empty"></div>
                            <p class="g_artist">Artist: MeiReiko</p>
                        </div>
                    </div>
                </div>
                <div class="post" id="hw_sect">
                    <div class="hoshi">
                        <img src="../icons/hoshi_w.svg" class="g_hoshi">
                    </div>
                    <div class="g_info">
                        <h5 class="g_title"><a href="gallery/SL_Bday_2022.html" class="g_title">Happy Birthday to
                                Shuanglin!!!</a></h5>
                        <p class="g_detail">He seems pretty like my surprise!</p>
                        <div class="g_misc">
                            <p class="g_date">12/19/2022</p>
                            <div class="g_empty"></div>
                            <p class="g_artist">Artist: Dwem33</p>
                        </div>
                    </div>
                </div>
                <div class="post" id="hw_sect">
                    <div class="hoshi">
                        <img src="../icons/hoshi_w.svg" class="g_hoshi">
                    </div>
                    <div class="g_info">
                        <h5 class="g_title"><a href="gallery/snowball.html" class="g_title">Where did this...
                                *POW!*</a></h5>
                        <p class="g_detail">Rocky was slained by Shanshan using snow ball.</p>
                        <div class="g_misc">
                            <p class="g_date">11/29/2022</p>
                            <div class="g_empty"></div>
                            <p class="g_artist">Artist: Dwem33</p>
                        </div>
                    </div>
                </div>
                <div class="post" id="hw_sect_xmas">
                    <div class="hoshi">
                        <img src="../icons/hoshi_w.svg" class="g_hoshi">
                    </div>
                    <div class="g_info">
                        <h5 class="g_title"><a href="gallery/snow_party.html" class="g_title">Playing with Hideki in the
                                Snow Land!</a></h5>
                        <p class="g_detail">It was sooooo fun!!!</p>
                        <div class="g_misc">
                            <p class="g_date">11/15/2022</p>
                            <div class="g_empty"></div>
                            <p class="g_artist">Artist: 糖悠悠</p>
                        </div>
                    </div>
                </div>
                <div class="post" id="hw_sect_xmas">
                    <div class="hoshi">
                        <img src="../icons/hoshi_w.svg" class="g_hoshi">
                    </div>
                    <div class="g_info">
                        <h5 class="g_title"><a href="gallery/XMASRO~1.HTML" class="g_title">Santa Rocky,
                                but in legacy DNAxCAT style</a></h5>
                        <p class="g_detail">Let's go! Meet Rocky!</p>
                        <div class="g_misc">
                            <p class="g_date">11/15/2022</p>
                            <div class="g_empty"></div>
                            <p class="g_artist">Artist: MeiReiko</p>
                        </div>
                    </div>
                </div>
                <div class="post" id="hw_sect_hw">
                    <div class="hoshi">
                        <img src="../icons/hoshi_w.svg" class="g_hoshi">
                    </div>
                    <div class="g_info">
                        <h5 class="g_title"><a href="gallery/pumkin.html" class="g_title" id="hw_cont_hw">The pumkin
                                that came a little late.</a></h5>
                        <p class="g_detail" id="hw_cont_hw">Maybe next halloween I will decorate myself in this way!</p>
                        <div class="g_misc">
                            <p class="g_date" id="hw_cont_hw">11/6/2022</p>
                            <div class="g_empty" id="hw_cont_hw"></div>
                            <p class="g_artist" id="hw_cont_hw">Artist: 暮璃</p>
                        </div>
                    </div>
                </div>
                <div class="post" id="hw_sect">
                    <div class="hoshi">
                        <img src="../icons/hoshi_w.svg" class="g_hoshi">
                    </div>
                    <div class="g_info">
                        <h5 class="g_title"><a href="gallery/moon.html" class="g_title" id="hw_cont">Little Rocky
                                sleeping on the moon...</a></h5>
                        <p class="g_detail" id="hw_cont">Meow... Hope you can have a good sleep too!</p>
                        <div class="g_misc">
                            <p class="g_date" id="hw_cont">11/4/2022</p>
                            <div class="g_empty" id="hw_cont"></div>
                            <p class="g_artist" id="hw_cont">Artist: Chiyu</p>
                        </div>
                    </div>
                </div>
                <div class="post" id="hw_sect">
                    <div class="hoshi">
                        <img src="../icons/hoshi_w.svg" class="g_hoshi">
                    </div>
                    <div class="g_info">
                        <h5 class="g_title"><a href="gallery/angel_rocky.html" class="g_title" id="hw_cont">Here comes
                                Rocky the angel!</a></h5>
                        <p class="g_detail" id="hw_cont">What a magical gift!!!</p>
                        <div class="g_misc">
                            <p class="g_date" id="hw_cont">10/25/2022</p>
                            <div class="g_empty" id="hw_cont"></div>
                            <p class="g_artist" id="hw_cont">Artist: MeiReiko</p>
                        </div>
                    </div>
                </div>
                <div class="post" id="hw_sect">
                    <div class="hoshi">
                        <img src="../icons/hoshi_w.svg" class="g_hoshi">
                    </div>
                    <div class="g_info">
                        <h5 class="g_title"><a href="gallery/waffle_rocky.html" class="g_title" id="hw_cont">Does this
                                waffle rocky look delicious?</a></h5>
                        <p class="g_detail" id="hw_cont">Thanks CookBaron for his masterpiece!!!</p>
                        <div class="g_misc">
                            <p class="g_date" id="hw_cont">10/14/2022</p>
                            <div class="g_empty" id="hw_cont"></div>
                            <p class="g_artist" id="hw_cont">Artist: CookBaron</p>
                        </div>
                    </div>
                </div>
                <div class="post" id="hw_sect">
                    <div class="hoshi">
                        <img src="../icons/hoshi_w.svg" class="g_hoshi">
                    </div>
                    <div class="g_info">
                        <h5 class="g_title"><a href="gallery/inflation.html" class="g_title" id="hw_cont">My belly... Is
                                inflating like balloon!</a></h5>
                        <p class="g_detail" id="hw_cont">I will never... Eat meow chocolate cookie indiscriminantly
                            again...</p>
                        <div class="g_misc">
                            <p class="g_date" id="hw_cont">10/10/2022</p>
                            <div class="g_empty" id="hw_cont"></div>
                            <p class="g_artist" id="hw_cont">Artist: うさぎ</p>
                        </div>
                    </div>
                </div>
                <div class="post" id="hw_sect_hw">
                    <div class="hoshi">
                        <img src="../icons/hoshi_w.svg" class="g_hoshi">
                    </div>
                    <div class="g_info">
                        <h5 class="g_title"><a href="gallery/magician_rocky.html" class="g_title"
                                id="hw_cont_hw">Nyahoo!!! Here's Rocky, the magician!!!</a></h5>
                        <p class="g_detail" id="hw_cont_hw">Happy Halloween, Everyone!</p>
                        <div class="g_misc">
                            <p class="g_date" id="hw_cont_hw">10/5/2022</p>
                            <div class="g_empty" id="hw_cont_hw"></div>
                            <p class="g_artist" id="hw_cont_hw">Artist: 土星喵</p>
                        </div>
                    </div>
                </div>
                <div class="post" id="hw_sect">
                    <div class="hoshi">
                        <img src="../icons/hoshi_w.svg" class="g_hoshi">
                    </div>
                    <div class="g_info">
                        <h5 class="g_title"><a href="gallery/sun.html" class="g_title" id="hw_cont">Under the sun</a>
                        </h5>
                        <p class="g_detail" id="hw_cont">What a nice day 030</p>
                        <div class="g_misc">
                            <p class="g_date" id="hw_cont">10/5/2022</p>
                            <div class="g_empty" id="hw_cont"></div>
                            <p class="g_artist" id="hw_cont">Artist: うさぎ</p>
                        </div>
                    </div>
                </div>
                <div class="post" id="hw_sect">
                    <div class="hoshi">
                        <img src="../icons/hoshi_w.svg" class="g_hoshi">
                    </div>
                    <div class="g_info">
                        <h5 class="g_title"><a href="gallery/rocky_bonk_jubby.html" class="g_title" id="hw_cont">Let's
                                give Jubby a <em>surprise</em>...</a></h5>
                        <p class="g_detail" id="hw_cont">Death from above: Bonk the cat over their head to give them a
                            lethal hit!</p>
                        <div class="g_misc">
                            <p class="g_date" id="hw_cont">9/10/2022</p>
                            <div class="g_empty" id="hw_cont"></div>
                            <p class="g_artist" id="hw_cont">Artist: DSLmick</p>
                        </div>
                    </div>
                </div>
                <div class="post" id="hw_sect">
                    <div class="hoshi">
                        <img src="../icons/hoshi_w.svg" class="g_hoshi">
                    </div>
                    <div class="g_info">
                        <h5 class="g_title"><a href="gallery/relaxing_rocky.html" class="g_title" id="hw_cont">Me
                                relaxing would be like:</a></h5>
                        <p class="g_detail" id="hw_cont">Chocolate meow cookie... More... =v=</p>
                        <div class="g_misc">
                            <p class="g_date" id="hw_cont">8/8/2022</p>
                            <div class="g_empty" id="hw_cont"></div>
                            <p class="g_artist" id="hw_cont">Artist: 薰凝</p>
                        </div>
                    </div>
                </div>
                <div class="post" id="hw_sect">
                    <div class="hoshi">
                        <img src="../icons/hoshi_w.svg" class="g_hoshi">
                    </div>
                    <div class="g_info">
                        <h5 class="g_title"><a href="gallery/rocky_is_here.html" class="g_title" id="hw_cont">Rocky is
                                here!</a></h5>
                        <p class="g_detail" id="hw_cont">Hi! This is Rocky! Nice to meet you all!, kitties in YaDian
                            Land!</p>
                        <div class="g_misc">
                            <p class="g_date" id="hw_cont">8/8/2022</p>
                            <div class="g_empty" id="hw_cont"></div>
                            <p class="g_artist" id="hw_cont">Artist: 薰凝</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="caution">
            <p><strong>The DNAxCAT character body is copyrighted to DNAxCAT.</strong></p>
        </div>
    </div>
    <script src="../bootstrap/js/bootstrap.bundle.js"></script>
    <script src="../js/scripts.js"></script>


    <body>

</html>